<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业介绍</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="./css/info.css">
</head>

<body>
    <div class="container-fluid">
        <div class="row header">
            <div class="col-md-3">
                <!-- logo -->
                <img src="images/logo.png" class="logo" class="img-responsive" alt="">
            </div>
            <div class="col-md-9">
                <!-- 导航 -->
                <!-- Static navbar -->
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <!-- logo -->
                            <img src="images/logo.png" class="logo2" alt="">
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="index.html">首页</a></li>
                                <li><a href="Find.html">发现更多</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="case.html">经典案例</a></li>
                                <li><a href="server.html">售后服务</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                                <li><a href="info.html">企业介绍</a></li>
                            </ul>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                    <!--/.container-fluid -->
                </nav>

                <ul class="pull-right nav navbar2">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="Find.html">发现更多</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="case.html">经典案例</a></li>
                    <li><a href="server.html">售后服务</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li><a href="info.html">企业介绍</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 banner">
                <img src="./images/intro/banner.jpg" alt="">
            </div>
        </div>

        <div class="row information">
            <div class="col-xs-12 col-sm-12 col-md-12 project">
            <div class="col-xs-5 col-sm-5 col-md-5 public">
                <h3>信息公开</h3>
                <div class="clearfix"></div>
                <div class="row col-xs-12 col-sm-12 col-md-12 cards">
                    <div class=" col-xs-4 col-sm-4 col-md-4 card">
                        <div class="box">
                        <div class="head">
                            <img src="./images/intro/head.jpg" alt="">
                        </div>
                        <p>机构职能</p>
                    </div>
                    </div>
                    <div class=" col-xs-4 col-sm-4 col-md-4 card">
                        <div class="box">
                        <div class="head">
                            <img src="./images/intro/head.jpg" alt="">
                        </div>
                        <p>机构职能</p>
                    </div>
                    </div>
                    <div class=" col-xs-4 col-sm-4 col-md-4 card">
                        <div class="box">
                        <div class="head">
                            <img src="./images/intro/head.jpg" alt="">
                        </div>
                        <p>机构职能</p>
                    </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <div class="clearfix"></div>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="col-xs-7 col-sm-7 col-md-7 dynamic">
                <h3>工作动态 <span><a href="#">查看更多</a></span></h3>
                <ul>
                    <li>
                        <a href="#">
                            <p><span>-</span>创新不是要改变世界，而是不在重复昨天</p>
                            <span class="date">2019-07-02</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p><span>-</span>创新不是要改变世界，而是不在重复昨天</p>
                            <span class="date">2019-07-02</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p><span>-</span>创新不是要改变世界，而是不在重复昨天</p>
                            <span class="date">2019-07-02</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p><span>-</span>创新不是要改变世界，而是不在重复昨天</p>
                            <span class="date">2019-07-02</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p><span>-</span>创新不是要改变世界，而是不在重复昨天</p>
                            <span class="date">2019-07-02</span>
                        </a>
                    </li>

                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <h1>包图咨询</h1>
        <p>BAOTU INFORMATION</p>
        <div class="col-xs-12 col-sm-12 col-md-12 detail">
            <div class="col-sm-4 col-xs-4 col-md-4">
                <div class="box2">
                <h3>包图资讯</h3>
                <img src="./images/intro/icon-commonred.png" class="img-responsive" alt="">
                <div class="clearfix"></div>
                <p>包图网成立于2019年，致力于推动高效设计、
                    设计灵感、素材分享，为广大设计师的工作
                    提供便捷，致力于推动包图网成立于2019年，
                    致力于推动高效设计。</p>
                </div>
            </div>
            <div class="col-sm-4 col-xs-4 col-md-4">
                <div class="box2">
                <h3>包图资讯</h3>
                <img src="./images/intro/icon-commonred.png" class="img-responsive" alt="">
                <div class="clearfix"></div>
                <p>包图网成立于2019年，致力于推动高效设计、
                    设计灵感、素材分享，为广大设计师的工作
                    提供便捷，致力于推动包图网成立于2019年，
                    致力于推动高效设计。</p>
                </div>
            </div>
            <div class="col-sm-4 col-xs-4 col-md-4">
                <div class="box2">
                <h3>包图资讯</h3>
                <img src="./images/intro/icon-commonred.png" class="img-responsive" alt="">
                <div class="clearfix"></div>
                <p>包图网成立于2019年，致力于推动高效设计、
                    设计灵感、素材分享，为广大设计师的工作
                    提供便捷，致力于推动包图网成立于2019年，
                    致力于推动高效设计。</p>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <div class="clearfix"></div>
        </ul>
        <div class="clearfix"></div>
        </div>

        <div class="row strength">
            <h1>包图实力</h1>
            <p>汇集全球海量资深设计专家和团队</p>
            <ul>
                <li>
                    <p>780+</p>
                    <p>资深平面设计师</p>
                </li>
                <li>
                    <p>200+</p>
                    <p>高级UI设计师</p>
                </li>
                <li>
                    <p>25+</p>
                    <p>大师级插画设计师</p>
                </li>
                <div class="clearfix"></div>
            </ul>
            <div class="clearfix"></div>
        </div>

        <div class="row act">
            <div class="col-xs-12 func">
                <div class="col-xs-4 col-sm-4 col-md-4 ">
                    <div class="card">
                         <img src="./images/intro/cover.jpg" class="img-responsive" alt="">
                        
                        <div class="clearfix"></div>
                    <h3>包图简介</h3>
                    <div class="clearfix"></div>
                    <p>包图网成立于2019年，致力于推动高效设计、设计灵感、素材分享，为广大设计师的工作提供便捷…</p>
                    <input type="button" value="查看详情">
                </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4 ">
                    <div class="card">
                         <img src="./images/intro/cover.jpg" class="img-responsive" alt="">
                        
                        <div class="clearfix"></div>
                    <h3>包图简介</h3>
                    <div class="clearfix"></div>
                    <p>包图网成立于2019年，致力于推动高效设计、设计灵感、素材分享，为广大设计师的工作提供便捷…</p>
                    <input type="button" value="查看详情">
                </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4 ">
                    <div class="card">
                         <img src="./images/intro/cover.jpg" class="img-responsive" alt="">
                        
                        <div class="clearfix"></div>
                    <h3>包图简介</h3>
                    <div class="clearfix"></div>
                    <p>包图网成立于2019年，致力于推动高效设计、设计灵感、素材分享，为广大设计师的工作提供便捷…</p>
                    <input type="button" value="查看详情">
                </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <ul>
                <li>
                    <h3>友情链接</h3>
                    <p><a href="#">包图·海外</a></p>
                    <p><a href="#">包图插画</a></p>
                    <p><a href="#">包图金融</a></p>
                    <p><a href="#">包图工作室</a> </p>
                </li>
                <li>
                    <h3>热门搜索</h3>
                    <p><a href="#">五一劳动节</a></p>
                    <p><a href="#">母亲节</a></p>
                    <p><a href="#">六一儿童节</a></p>
                    <p><a href="#">端午节</a> </p>
                </li>
                <li>
                    <h3>关于我们 </h3>
                    <p><a href="#">联系我们</a></p>
                    <p><a href="#">我们的团队</a></p>
                    <p><a href="#">加入我们</a></p>
                </li>
                <li>
                    <h1>包图网</h1>
                    <p>有问题可发送邮箱到客服kefu@baotu.com</p>
                    <a href="">
                        <img src="./images/intro/human.png" alt="">
                        立即登陆
                    </a>
                </li>
                <div class="clearfix"></div>
            </ul>
        </div>

        <div class="footer">
            <div class="row content">
                <div class="col-xs-12 col-sm-8 col-md-8 left">
                    <p>版权所有：上海市包图网科技有限公司 泸公网安备31011502400137号 Copyright 2016-2019 包图网ibaotu.com</p>
                <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
                <p>投诉电话：00000-9999999 咨询电话：00000-99999999 投诉邮箱：tousu@baotu.com</p>
                <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4 right">
                    <ul>
                        <li>
                            <div class="box">
                                <!-- 二维码 -->
                                <img src="" alt="">
                            </div>
                            <p>公众号</p>
                        </li>
                        <li>
                            <div class="box">
                                <!-- 二维码 -->
                                <img src="" alt="">
                            </div>
                            <p>APP下载</p>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>